<template>
    <div class="hello">
        <header-tab msg="活动细则"></header-tab>
        <div class="rule">
            <h3 class="ta mt20 b fz16">
                猜涨跌赢取活动规则：</h3>
            <div class="rule-box p20 b">
                活动期间，T日大盘涨跌的预言时间为T-1日15：15后至T日13：00，T日15：15至T+1日13：00前预言T+1日大盘涨跌，以此类推（T为交易日，周末及国家法定节假日不开盘），每次预言消耗100奖呗币，奖呗币使用后无法退还。

            </div>
        </div>
        <div class="text">市场有风险，投资需谨慎</div>
    </div>
</template>


<script>
import HeaderTab from '../components/HeaderTab'

export default {
    components: {
        HeaderTab
    },
    data() {
        return {}
    }
}
</script>

<style lang="less" scoped>

.hello {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(10, 0, 62);
    overflow-y: scroll;

    .rule{
        width: calc(100% - 40px);
        margin: 0 auto;
        height: 420px;
        margin-top: 20px;
        border-radius: 6px;
        line-height: 20px;
        background-color: #FFFFFF;
        overflow: hidden;

        .rule-box{
            line-height: 20px;
        }
    }

    .text{
        position: absolute;
        left: 0;
        bottom: 20px;
        width: 100%;
        text-align: center;
        color: #bebebe;
    }
}

.box {
    font-size: 3.73vw;
}

</style>
